
// $(document).ready(function (){
//     $.each(x,function (x,n){
//         $('#projectname').append(n.value+"<br>")})
// })
var mychart = echarts.init(document.getElementById('text_echarts'));
var mytext = echarts.init(document.getElementById('text'))
var option= {
    // dataset:{
    //     source:[
    //         ['problem','严重安全问题','一般安全问题'],
    //         ['测试项目','25','45'],
    //         ['海口植物园会议会展中心项目','22','44'],
    //         ['南海明珠大桥项目','44','55'],
    //         ['海航豪庭二期','45','54'],
    //     ]
    // },
    tittle:{
        text:'项目问题对比分析'
    },
    legend:{
        probelm : ["严重安全问题","一般安全问题"]
    },
    tooltip:{},
    xAxis:{
        type: 'category',
        data:[]
    },
    yAxis: {
        type:'value',
        data :[]
    },
    series: [
        {
            type: 'bar',
            name: "严重安全问题",
            barWidth:80,
            data :[]
        },
        {
            type: 'bar',
            name:"一般安全问题",
            barWidth:80,
            data:[]
        }
    ],
    dataZoom:{
        realtime:true,
        height:25,
        start:40,
        end:65
    }
};
$(document).ready(function (){
    $.ajax({
        type:"GET",
        url:"../../json/EchartsAjaxTest.json",
        dataType: "JSON",
        data: {},
        success:function (data){
            mychart.setOption({
                    xAxis :[ {
                        data: data.categories
                    }],
                    series: [{
                        type:'bar',
                        name: '严重安全问题',
                        data: data.data
                    },
                        {
                            type:'bar',
                            name: '一般安全问题',
                            data: data.data2
                        }]
                }
            )}})
})
var option2= {
    // dataset:{
    //     source:[
    //         ['project','测试项目','海口植物园会议会展中心','海南明珠大桥项目','海航豪庭二期'],
    //         ['防水工程','0'],
    //         ['钢筋安装','0'],
    //         ['钢筋加工','0'],
    //         ['模板工程','0'],
    //     ]
    // },
    tittle:{
        text:'问题类别对比'
    },
    legend:{
    },
    tooltip:{},
    xAxis:{
        type: 'category',
        data:[]
    },
    yAxis: {
        type:"value",
        data:[]
    },
    series: [
        {
            name:[],
            type: 'bar',
            barWidth:80,
            data:[]
        },
        {
            name:[],
            type: 'bar',
            barWidth:80,
            data:[]
        },
        {
            type: 'bar',
            barWidth:80},
        {type: 'bar',
            barWidth:80},
    ],
    dataZoom:{
        realtime:true,
        height:25,
        start:40,
        end:65
    }
};
mychart.setOption(option);
mytext.setOption(option2);